//全局化样式配置===========================
//菜单栏背景色
$menu-theme-color: #313335;
//$menu-theme-color: #ffffff;
//菜单点击字体
$menu-theme-active-color:#ffffff;
//菜单点击背景
$menu-theme-active-bg-color:#1890FF;
//左侧菜单字体颜色
$el-submenu__title-color:#ffffff;
//头部菜单字体点击颜色
$el-topmenu__title-color:#2F86FF;


//
/*全局化样式================================================================*/
$menuBgColor:#fff;
@charset "utf-8";
*{margin:0;padding:0;border:0;}
body{width:100%;height:100%;font:12px "microsoft yahei",Arial,Helvetica,sans-serif;color:#666666;overflow: hidden}
html{width:100%;height:100%;background: #ffffff;}
iframe{position:relative;overflow: auto;width:100%;min-height: 100%;}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{border:none;list-style: none}
input{border:none}
.fl{float: left}
.fr{float:right}
.clear{clear:both}
.ofhidden{overflow: hidden}
/*清除浮动代码*/
.clearfloat{zoom:1}
.clearfloat:after{display: block;clear:both;content:"";visibility: hidden;height:0}
a{text-decoration:none;}
/*去掉各Table cell 的边距并让其边重合*/
table{border-collapse: collapse;border-spacing: 0}
/*IE6、7焦点点状线去除*/
a:focus,*:focus{outline:none}
// 按钮基础样式
.ict-button{ /*基础按钮*/
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: .1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.ict-button.primary{//主要按钮
  color: #ffffff;
  background-color: #409eff;
  border-color: #409eff;
}
.ict-button.success{//成功按钮
  color: #ffffff;
  background-color: #67c23a;
  border-color: #67c23a;
}




//min-body
.min-body{
  width: calc(100% - 30px);
  height:calc(100% - 30px);
  margin: 15px;
  background: #ffffff;
  overflow: auto;
  .ict-main-box{
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  .ict-main-box.ictMainHeight{
    height:calc(100% - 50px)
  }
  .ict-main-box::-webkit-scrollbar{
    width: 0;
  }
  .ict-main-box::-webkit-scrollbar-thumb{
    background: #1D73F6;
  }
  .ict-main-box::-webkit-scrollbar-track{
    background: #202735;
  }
  .ict-main-box::-moz-viewport-scroll{
    width: 0;
  }
}
.min-body::-webkit-scrollbar{
  width: 0;
}

//任务信息展示
.ict-panel-row{
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  div{
    width: 15vw;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 14px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: rgba(0,0,0,0.85);
    img{
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-right: 10px;
    }
    span{
      color: #1d73f6;
    }
  }
}
// 任务搜索
.ict-search-box{
  width: 100%;height:17vh;
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  margin-bottom: 15px;
  .ict-search-row{
    display: flex;
    font-size: 14px;
    height: 32px;
    align-items: center;
    white-space: nowrap;
    margin-right: 10vh;
    span{
      margin-right: 10px;
    }
    .el-input__inner{
      height: 32px;
      line-height: 32px;
      margin-top: 0;
      color: rgba(0,0,0,0.65);
      font-size: 14px;
      border: 1px solid #d9d9d9;
      border-radius: 2px;
    }
    .el-checkbox{
      margin-right: 15px;
    }
    .ict-date-picker{
      display: flex;
      align-items: center;
      width: 295px;
    }
    .el-date-editor .el-range__icon,.el-date-editor .el-range-separator{
      display: flex;
      align-items: center;
    }
  }

  input{
    background-color:transparent;
  }
}
//查询按钮
.ict-query-button{
  padding: 0 15px;
  height: 32px;
  background: #1d73f6;
  border-radius: 2px;
  font-size: 14px;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  line-height: 32px;
  cursor: pointer;
  margin-right: 15px;
}
.ict-query-button:hover{
  background: #3787ff;
}
.ict-query-button.cz{
  background:none;
  color:#6A6A6A;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: rgba(0,0,0,0.65);
  box-sizing: border-box;
}
.ict-query-button.cz:hover{
  border: 1px solid #1d73f6;
  border-radius: 2px;
  color: #1d73f6;
}
// 分页
.ict-page-box{
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 20px 0;
  input{
    margin-top:0;
  }
}
//表格二次修改
.el-table--border th{
  height: 54px;
  padding: 0;
  white-space: nowrap;
  background: #F2F5FB;
}
.el-table .cell{
  white-space: nowrap;
}
.el-table td{
  height: 54px;
  padding: 0;
  white-space: nowrap;
}
.el-checkbox__label{
  font-size: 14px;
}
.el-select-dropdown__list{
  padding-bottom: 15px!important;
}
// 弹出框
.el-dialog{
  margin: 0 auto;
}
.el-dialog__header {
  padding: 0 0 0  20px;
  height: 54px;
  line-height: 54px;
  background: #F2F5FB;
  text-align: left;
  font-size: 16px;
  color: #5a6d99;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500;
}
.el-dialog__body{
  padding: 15px 20px;
}
.ict-dialog-div{
  height: 70vh;
  overflow: auto;
}
//新增任务按钮
.ict-add-job{
  width: 56px;
  height: 22px;
  font-size: 14px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-family: PingFangSC, PingFangSC-Regular;
  font-weight: 400;
  text-align: left;
  color: #1d73f6;
  line-height: 22px;
  position: absolute;
  top:3vh;
  right:4vw;
  cursor: pointer;
  img{
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }
}
.el-row{
  width: 100%;
}

//面包屑导航块=============
.menu-nav-tab{
  width: 100%;
  height:35px ;
  margin-bottom:15px;
  display: flex;
  justify-content: start;
  li{
    padding: 7px 14px;
    color: rgba(0,0,0,.65);
    //border:1px solid #d9d9d9;
    //background-color: #f2f5fb;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    position: relative;

  }
  li:after{
    width: 2px;
    height: 10px;
    content: '/';
    position: absolute;
    top:9px;
    right:0;
  }
  li:last-of-type:after{
    content: '';
  }
  li.on{
    color: rgba(0,0,0,.85);
    //border:1px solid #1d73f6;
    //background-color: #1d73f6;
  }
  .ict-icon-close{
    margin: 2px 0 0 3px;
    display: none;
  }
  li.on:hover .ict-icon-close{
    display: inline-block;
  }
}



